@import "./common.scss";

.web{
    @include web(750,1366);
    display:flex;
    main{
        @include web(720,1110);
        margin-top: size(180);
        .ifymain{
        @include web(720,1110);
        .swiper-container {
            width: size(720);
            height: size(248);
            .swiper-slide{
                display: flex;
                justify-content: space-evenly;
                align-items: center;
                margin-top: size(-30);
                img{
                    width: size(149);
                    height: size(149);
                }
                p{
                    text-align: center;
                }
            }
            .swiper-pagination-bullet-active{
                background-color: orange;
                }
            }
            
            .groupone{
                    display: flex;
                    justify-content:space-between;
                .preferential{
                        display: flex;
                        align-items: center;
                        img{
                            width: size(54);
                            height: size(42);
                        }
                    span{
                        font-size: size(30);
                        margin-left: size(10);
                    }
                }
                .imggd{
                    display: flex;
                    align-items: center;
                    float: right;
                    span{
                        font-size: size(24);
                        margin-right: size(10);
                    }
                    img{
                        @include web(25,26);
                    }
                }
            }

            .img-box{
                display: flex;
                justify-content: space-evenly;
                align-items: center;
                margin-top: size(40);
                img{
                    @include web(133,133);
                }
            }

            .grouptwo{
                display: flex;
                justify-content:space-between;
                margin-top: size(40);
                .preferential{
                        display: flex;
                        align-items: center;
                        img{
                            width: size(47);
                            height: size(58);
                        }
                    span{
                        font-size: size(30);
                        margin-left: size(10);
                    }
                }
                .imggd{
                    display: flex;
                    align-items: center;
                    float: right;
                    span{
                        font-size: size(24);
                        margin-right: size(10);
                    }
                    img{
                        @include web(25,26);
                    }
                }
            }
        }
    }
}